.block {
  &:extend(.block);
  width: 1200px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 60px;
}
.flex {
  &:extend(.flex);
}
.joke_out_body {
  display: flex;
  justify-content: space-between;
}
.joke_body {
  display: inline-block;
  margin: 0 8px;
  // float: left;
}
.div_li {
  display: inline-block;
  // width: 8%;
  padding: 7px;
  // margin: 10px 1%;
  border-radius: 4px;
  box-shadow: 0 0 6px 0 #999;
  margin: 10px 5px;
  cursor: pointer;
  &:hover {
    box-shadow: 0 0 6px 0 @primary-color;
    .url_title {
      color: @primary-color;
    }
  }
}
.url_title {
  color: #666;
}
.tag,
.tag_time {
  color: #999;
  font-size: 12px;
}
.tag_time {
  color: @primary-color;
  font-weight: 700;
}
.loading_body {
  position: absolute;
  width: 100%;
  padding: 20px;
  bottom: 0;
  text-align: center;
}
